{% extends "base.html" %}
{% block title %}购买大乐透{% endblock %}
{% block content %}
    <div id="GoldBallContainer" class="Container">
        <div class="Box">
            <div id="Gold-1" class="GoldBall Ball">1</div>
            <div id="Gold-2" class="GoldBall Ball">2</div>
            <div id="Gold-3" class="GoldBall Ball">3</div>
            <div id="Gold-4" class="GoldBall Ball">4</div>
            <div id="Gold-5" class="GoldBall Ball">5</div>
            <div id="Gold-6" class="GoldBall Ball">6</div>
            <div id="Gold-7" class="GoldBall Ball">7</div>
            <div id="Gold-8" class="GoldBall Ball">8</div>
            <div id="Gold-9" class="GoldBall Ball">9</div>
            <div id="Gold-10" class="GoldBall Ball">10</div>
            <div id="Gold-11" class="GoldBall Ball">11</div>
            <div id="Gold-12" class="GoldBall Ball">12</div>
            <div id="Gold-13" class="GoldBall Ball">13</div>
            <div id="Gold-14" class="GoldBall Ball">14</div>
            <div id="Gold-15" class="GoldBall Ball">15</div>
            <div id="Gold-16" class="GoldBall Ball">16</div>
            <div id="Gold-17" class="GoldBall Ball">17</div>
            <div id="Gold-18" class="GoldBall Ball">18</div>
            <div id="Gold-19" class="GoldBall Ball">19</div>
            <div id="Gold-20" class="GoldBall Ball">20</div>
            <div id="Gold-21" class="GoldBall Ball">21</div>
            <div id="Gold-22" class="GoldBall Ball">22</div>
            <div id="Gold-23" class="GoldBall Ball">23</div>
            <div id="Gold-24" class="GoldBall Ball">24</div>
            <div id="Gold-25" class="GoldBall Ball">25</div>
            <div id="Gold-26" class="GoldBall Ball">26</div>
            <div id="Gold-27" class="GoldBall Ball">27</div>
            <div id="Gold-28" class="GoldBall Ball">28</div>
            <div id="Gold-29" class="GoldBall Ball">29</div>
            <div id="Gold-30" class="GoldBall Ball">30</div>
            <div id="Gold-31" class="GoldBall Ball">31</div>
            <div id="Gold-32" class="GoldBall Ball">32</div>
            <div id="Gold-33" class="GoldBall Ball">33</div>
            <div id="Gold-34" class="GoldBall Ball">34</div>
            <div id="Gold-35" class="GoldBall Ball">35</div>
        </div>
    </div>
    <div id="GoldHole" class="Hole"></div>
    <div id="SilverBallContainer" class="Container">
        <div class="Box">
            <div id="Silver-1" class="SilverBall Ball">1</div>
            <div id="Silver-2" class="SilverBall Ball">2</div>
            <div id="Silver-3" class="SilverBall Ball">3</div>
            <div id="Silver-4" class="SilverBall Ball">4</div>
            <div id="Silver-5" class="SilverBall Ball">5</div>
            <div id="Silver-6" class="SilverBall Ball">6</div>
            <div id="Silver-7" class="SilverBall Ball">7</div>
            <div id="Silver-8" class="SilverBall Ball">8</div>
            <div id="Silver-9" class="SilverBall Ball">9</div>
            <div id="Silver-10" class="SilverBall Ball">10</div>
            <div id="Silver-11" class="SilverBall Ball">11</div>
            <div id="Silver-12" class="SilverBall Ball">12</div>
        </div>
    </div>
    <div id="SilverHole" class="Hole"></div>
    <div id="GoldBallTarget" class="Target"></div>
    <div id="GoldDanNotice" class="DanNotice">单击变成胆</div>
    <div id="SilverBallTarget" class="Target"></div>
    <div id="SilverDanNotice" class="DanNotice">单击变成胆</div>
    <div id="TicketCount">
        <p>您共选择了</p>
        <p><span id="Count"></span>注</p>
        <p>共需<span id="Money"></span>元</p>
        <form action="" method="POST" id="SubmitForm">
            <input type="hidden" name="Ticket" id="Ticket" />
            <a id="Submit" class="button" href="">购买</a>
        </form>
    </div>
    <div id="Moving"></div>
<script type="text/javascript">
{% if Ticket %}
    var Ticket = "{{ Ticket }}";
{% else %}
    var Ticket = null;
{% endif %}
{% if LogedIn %}
var LogedIn = true;
{% else %}
var LogedIn = false;
{% endif %}
</script>
{% endblock %}